<template>
<div ref="articleRef" class="top">
  <div class="newsList clearfix">
    <div class="list">
      <router-link :to="'article-detail?id=' + item.id" class="items clearfix" v-for="item in articleData">
        <img v-lazy="item.articlePic" :key="item.articlePic">
        <div class="tit clamp1">{{item.articleTitle}}</div>
        <div class="time clamp2">发布时间：
          <span style="margin-right: 20px;">{{item.createTime}}</span>
          作者：<span>{{item.articleAuthor}}</span>
        </div>
        <div class="text clamp3" v-html="item.articleContent"></div>
      </router-link>
    </div>
    <!--分页-->
    <pagination
      v-show="total > 6"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getArticles"
    />
  </div>
  <Footer/>
</div>
</template>

<script>
import indexJs from './indexJs'
export default indexJs
</script>

<style scoped>

</style>
